/* Load Additional Stylesheets  */
@import url('assessment.css');

/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {	content: ''; content: none; }
table {	border-collapse: collapse; border-spacing: 0; }
/* END CSS RESET */

/*
--- General ---
*/

body { background:#202020 url('../images/bg.png'); margin: 0; padding: 0 0 0 0; overflow-x:hidden; }

hr{ border:none; height:1px; margin:10px 0; background-color:#efefef; color:#efefef; float:left; width:100%; }
hr.alt1{border-style: solid;}
hr.alt2{border-style: dashed;}
p { margin:0 0 20px 0; line-height:1.5; }

/*
--- Typography ---
*/

body { font-size:14px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height:20px; color:#333; padding-bottom:60px; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; color:#055fa5; margin-top:15px; }
h1 { font-size:28px; line-height:30px; margin-bottom:12px; }
h2 { font-size:24px; line-height:26px; margin-bottom:12px; }
h3 { font-size:18px; line-height:20px; margin-bottom:8px;  }
h4 { font-size:14px; line-height:15px; margin-bottom:8px;  }
h5 { font-size:13px; line-height:15px; margin-bottom:8px;  }
h6 { font-size:13px; line-height:15px; margin-bottom:8px;  }

a { text-decoration:none; color:#055fa5; }
a:hover { text-decoration:underline;  }
a img { border:none; }

strong { font-weight: bold; }
em { font-style: italic; }

/*
--- Forms ---
*/

p.message { margin:10px 0; display:block; width:100%; font-weight:bold; padding:10px; border:1px solid #bc2026; }

.info, .success, .warning, .error, .validation {
	float:left;
	width:100%;
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.login_page .error {
    width:260px;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../images/info.png');
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('../images/success.png');
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../images/warning.png');
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../images/error.png');
}

input { border:1px solid #ccc; }
input, select { clear:both; padding:10px; width:250px;  }
input[type=submit] { clear:both; margin: 20px 0px 20px 0px; width:auto; padding:10px 30px 10px 30px; }
label { clear:both; display:block; margin:20px 0 0 0; }


/*
--- Tables ---
*/

table { width: 100%; border: 1px solid #aaa; border-top-width: 2px; border-bottom-width: 2px; border-collapse: collapse; margin: 13px 0 18px; }
table tr:nth-child(odd) td { background:#eee; }
table td { padding: 10px; text-align: center; }
table th { padding: 9px; background: #fff; border-bottom: 1px solid #aaa; font-weight:bold; }

/*
--- Helper Classes ---
*/


.left { float:left; }
.right { float:right; }
.image-align-left { margin:5px 10px 0 0; float:left; }
.image-align-right { margin:5px 0 0 10px; float:right; }
.text-align-left { text-align:left; }
.text-align-right { text-align:right; }
.text-align-center { text-align:center; }

.hidden { display:none; }
.no-margin { margin: 0px !important; }
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
* html .clearfix, *:first-child+html .clearfix{zoom:1}

/* Icons */

.user_icon { background:url('../images/icons/user.png') left top no-repeat; display:inline-block; width:16px; height:16px; margin:0 10px -2px 0; }


/*
--- Grid ---
*/

.row { display:block; }
.row:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
.col-460 { width:460px; float:left; margin-right:20px; }
.col-220 { width:220px; float:left; margin-right:20px; }
.col-700 { width:700px; float:left; margin-right:20px; }
.col-340 { width:340px; float:left; margin-right:20px; }
.col-300 { width:300px; float:left; margin-right:20px; }
.col-620 { width:620px; float:left; margin-right:20px; }
.col-140 { width:140px; float:left; margin-right:20px; }
.col-100 { width:100px; float:left; margin-right:20px; }

.alpha { margin-left:0px !important; }
.last, .omega { margin-right:0px !important; }

/*
--- Layout ---
*/

.wrapper { width:1030px; padding:0 20px; margin:0 auto; }

#navigation { position:relative; margin:10px 0; }

	#logo { background:url('../images/logo.png'); width:176px; height:80px; float:left; text-indent:-9999em; margin:25px 0 10px 0; }
		#logo a { display:block; width:100%; height:100%; }
	
	#primary-nav { float:right; margin:20px 0 20px 0; position:absolute; top:65px; right:0; font-size:16px; }
			#primary-nav ul { list-style:none; margin:0; padding:0; }
			#primary-nav ul li { float:left; }
			#primary-nav ul li a { padding:20px 30px; margin:0 0 0 5px; color:#c2c2c2; text-shadow: #000 0 -1px 2px;}
			#primary-nav ul li.sel a { background-color: #000; border-top-left-radius: 10px;border-top-right-radius: 10px;}
			#primary-nav ul li a:hover, #primary-nav .current { color:#fff; text-decoration:none; }
			#primary-nav li ul { position:absolute; left: -999em; }
			#primary-nav li:hover ul, #primary-nav li.sfhover ul { left: auto; }
			#primary-nav li ul li { float:none; width:260px; background:#fff; }
			#primary-nav li ul li a {  }
			#primary-nav li ul li a:hover { text-decoration: none; }

#content { overflow:hidden; background:#fff; -webkit-box-shadow:  0px 0px 15px 3px rgba(0, 0, 0, 0.5); box-shadow:  0px 0px 15px 3px rgba(0, 0, 0, 0.5); border-radius:3px; }
    .user_options { width:100%; }
    .user_options td { text-align:left; }
    .user_options table { border:none; margin:0; padding:0; }
    .user_options table td { width:33%; }
    .user_options table td label { margin:0; }
    .user_options table td select { margin:0; padding:2px; width:160px; }
    .user_options table td input[type="submit"] { margin:0; padding:3px; }
    #content .content_container { padding: 0 0 20px 0; }
    #content .left_col { background:url('../images/sidebar_bg.png') left top repeat-y; width:199px; float:left; display:inline-block; border-right:1px solid #cbcbcb; padding:0 20px;  margin-bottom: -99999px; padding-bottom: 99999px; }
    #content .right_col { background:url('../images/sidebar_bg.png') right top repeat-y; width:199px; float:right; display:inline-block; border-left:1px solid #cbcbcb; padding:0 20px;  margin-bottom: -99999px; padding-bottom: 99999px; }
    #content .center_col { width:510px; float:left; display:inline-block; padding:0 0 0 20px;  }


/* ANDRIS TRIEB - MODIFIED FOR SIDEBAR MODIFICATION */

	.wrapper.s_hl #content .center_col { width:750px;  }
	.wrapper.s_hr #content .center_col { width:750px;  }
	.wrapper.s_hb #content .center_col { width:990px; }
	
/* END */

    #content .sidebar { margin:20px 0 60px 0; }
    #content .sidebar ul { margin-bottom:25px; }
    #content .sidebar ul li { margin:7px 0; }

    #content h3 { color:#222; font-size:16px; font-weight:normal; border-bottom:1px solid #ccc; padding: 0 0 10px 0; margin:10px 0 10px 0; }

    #header { background: #2877c0 url('../images/header_bg.png') left top repeat-x; height:54px; position:relative; text-shadow: 0px 1px 0px #1e5486; filter: dropshadow(color=#1e5486, offx=0, offy=1); }
    #header_left { background: url('../images/header_left.png') left top no-repeat; height:54px; width:6px; position:absolute; top:0; left:0; }
    #header_right { background: url('../images/header_right.png') left top no-repeat; height:54px; width:6px; position:absolute; top:0; right:0; }
    #header h1 { color:#fff; margin:0 0 0 20px; padding:0; height:54px; line-height:54px; font-size:16px; font-weight:normal; }  
    #header .welcome_message { height:54px; line-height:54px; margin: 0 20px 0 0; color:#fff; }
    #header .welcome_message a { color:#fff; text-decoration:underline; }

    #sub_header { background: #ccc url('../images/sub_bg.png') left top repeat-x; height:54px; }
    #sub_header h2 {  }
    #sub_header .left_col { background:transparent; height:54px; line-height:54px; border-right:1px solid #dedede; }
    #sub_header .right_col { background:transparent; height:54px; line-height:54px; border-left:1px solid #dedede; }
    #sub_header .center_col { height:54px; line-height:54px; }

    .content_container { padding: 0 20px 20px 20px; }
    .content_container input { border:1px solid #ccc; }
    .content_container input[type=submit] { cursor:pointer; height:54px; }
    .content_container input[type=submit]:hover { color:#fff; background: #2877c0 url('../images/header_bg.png') left top repeat-x; border:1px solid #1b65aa; }



#footer {  }

.bg_logo_pineapple { z-index: -10; background:url('../images/bg_logo.png') left top; position:fixed; bottom:0px; left:-20px; height:264px; width:345px; }
.bg_logo_blueboard { z-index: -10; background:url('../images/bg_logo.png') right top; position:fixed; bottom:0px; right:0px; height:264px; width:365px; }


/* Login Page */
    
    .login_page #logo { display:none; position:absolute; top:300px; left:50%; margin-left:-88px; }
    .login_page #login_container { display:none; background:#fff; width:400px; position:absolute; top:240px; left:50%; margin-left:-200px; -webkit-box-shadow:  0px 0px 15px 3px rgba(0, 0, 0, 0.5); box-shadow:  0px 0px 15px 3px rgba(0, 0, 0, 0.5); border-radius:3px; }
    .login_page #header { background: #2877c0 url('../images/header_bg.png') left top repeat-x; height:54px; position:relative; top:0px; left:0; }
    .login_page #header_left { background: url('../images/header_left.png') left top no-repeat; height:54px; width:6px; position:absolute; top:0; left:0; }
    .login_page #header_right { background: url('../images/header_right.png') left top no-repeat; height:54px; width:6px; position:absolute; top:0; right:0; }
    .login_page #header h1 { color:#fff; margin:0 0 0 20px; padding:0; height:54px; line-height:54px; font-size:16px; font-weight:normal; text-shadow: 0px 1px 0px #1e5486; filter: dropshadow(color=#1e5486, offx=0, offy=1); }  

    .login_page #login_container .content_container { padding: 0 40px 20px 40px; }
    .login_page #login_container .content_container input { border:1px solid #ccc; width:300px; }
    .login_page #login_container .content_container input[type=submit] { width:320px; cursor:pointer; height:54px; }
    .login_page #login_container .content_container input[type=submit]:hover { color:#fff; background: #2877c0 url('../images/header_bg.png') left top repeat-x; border:1px solid #1b65aa; }

/*
 * Timepicker stylesheet
 * Highly inspired from datepicker
 * FG - Nov 2010 - Web3R 
 *
 * version 0.0.3 : Fixed some settings, more dynamic
 * version 0.0.4 : Removed width:100% on tables
 * version 0.1.1 : set width 0 on tables to fix an ie6 bug
 */

.ui-timepicker-inline { display: inline; }

#ui-timepicker-div { padding: 0 0 0 0; }
.ui-timepicker-table { display: inline-table; width: 0; margin:0; }
.ui-timepicker-table table { margin:0; border-collapse: collapse; }

.ui-timepicker-hours, .ui-timepicker-minutes { padding: 0.2em;  }

.ui-timepicker-table .ui-timepicker-title { line-height: 1.8em; text-align: center; }
.ui-timepicker-table td { padding: 0.1em; width: 2.2em; }
.ui-timepicker-table th.periods { padding: 0.1em; width: 2.2em; }

/* span for disabled cells */
.ui-timepicker-table td span {
    display:block;
    padding:0.2em 0.3em 0.2em 0.5em;
    width: 1.2em;

    text-align:right;
    text-decoration:none;
}
/* anchors for clickable cells */
.ui-timepicker-table td a {
    display:block;
    padding:0.2em 0.3em 0.2em 0.5em;
    width: 1.2em;
    cursor: pointer;
    text-align:right;
    text-decoration:none;
}


/* buttons and button pane styling */
.ui-timepicker .ui-timepicker-buttonpane {
    background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0;
}
.ui-timepicker .ui-timepicker-buttonpane button { margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
/* The close button */
.ui-timepicker .ui-timepicker-close { float: right }

/* the now button */
.ui-timepicker .ui-timepicker-now { float: left; }

/* the deselect button */
.ui-timepicker .ui-timepicker-deselect { float: left; }


/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-timepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

.assessment_icon{
	width: 25px;
	height: 30px;
	background: url(../images/icons/head-assessment.png) no-repeat center;
	display: block;
	float: left;
	margin: 14px 10px 0 0;
}

.pastitems_icon, .itemsdue_icon,.grades_icon,.groups_icon{
	width:22px;
	height: 30px;
	display: block;
	float: left;
	margin: 11px 5px 0 0;
	background: url(../images/icons/assessment-icons.png) no-repeat center;
}

.pastitems_icon{background-position: -2px 0;}
.itemsdue_icon{background-position: -23px 0;}
.grades_icon{background-position: -46px 0;}
.groups_icon{background-position: -82px 0;}

#assessment_sdue{
	list-style: none;
}

#assessment_sdue li{
	margin: 0 -20px 0 -20px;
}

#assessment_sdue li.announce{
	display: block;
	margin: 50px auto 50px;
	text-align: center;
	color: #8b8b8b;
}

#assessment_sdue li a{
	cursor: default;
}

#assessment_sdue .titles{
	height: 33px;
	background-color: #E4E4E4;
}

#assessment_sdue i.c1{
	display: block;
	width: 206px;
	height: 30px;
	padding-top: 10px;
	padding-left: 10px;
	float: left;
	border-right: solid 1px #CECECE;
}

#assessment_sdue i.c2{
	display: block;
	width: 147px;
	height: 30px;
	padding-top: 10px;
	padding-left: 10px;
	float: left;
	border-right: solid 1px #CECECE;
}

#assessment_sdue i.c3{
	display: block;
	width: 50px;
	height: 30px;
	padding: 10px 5px 0 5px;
	float: left;
	border-right: solid 1px #CECECE;
	text-align: center;
}

#assessment_sdue i.c4{
	display: block;
	width: 114px;
	height: 30px;
	padding-top: 10px;
	float: left;
	text-align: center;
}

#assessment_sdue .titles i{
	text-align: center;
	padding: 6px 5px 0 5px;
	height: 27px;
}

#assessment_sdue .titles i.c4{
	padding: 6px 0 0 0;
}

#assessment_sdue li:hover i{
	background-color: #EEF3F7;
}

#assessment_sdue li.titles:hover i{
	background-color: #E4E4E4;
}

#assessment_sdue li a{color: #333;}
#assessment_sdue li.r a{color: #AF0000;}
#assessment_sdue li a:hover{ text-decoration: none;}

#assessment_sdue li i.c4 span{
	color: #CCC;
}

#assessment_sdue li i.c4 a{
	display: block;
	width: 60px;
	padding: 1px 10px 0 10px;
	margin: 0 auto;
}

#assessment_sdue li:hover i.c4 a{
	background-color: #e2e7eb;
	border-radius: 3px;
	text-shadow: #eef4fc 0 1px 2px;
}

#assessment_sdue li i.c4 a:hover{
	background-color: #2892ee;
	text-shadow: #27559A 0 -1px 2px;
	color: #FFF;
}

#assessment_grades{ margin: -20px -20px 0 -20px; }

#assessment_grades ul{list-style: none;}

#assessment_grades li{
	display: block;
	height: 30px;
	padding: 10px 20px 0 20px;
	margin: 0!important;
}

#assessment_grades li.announce{
	display: block;
	margin: 10px auto 30px 10px;
	text-align: center;
	color: #8b8b8b;
	height: 50px;
}

#assessment_grades li:nth-child(even){
	background-color: #ededed;
}

#assessment_grades li a{
	color: #333;
}

#assessment_grades i{
	display: block;
	float: right;
	width: 20px;
	margin-right: -7px;
	border-radius: 10px;
	text-align: center;
	color: #FFF;
}

#assessment_grades i.c4{background-color: #FF8A9E; text-shadow: #AE394D 0 -1px 2px;}
#assessment_grades i.c5{background-color: #EA9C59; text-shadow: #994B08 0 -1px 2px;}
#assessment_grades i.c6{background-color: #41C79E; text-shadow: #00764D 0 -1px 2px;}
#assessment_grades i.c7{background-color: #66B4F7; text-shadow: #1563A6 0 -1px 2px;}
#assessment_grades i.c1,#assessment_grades i.c2,#assessment_grades i.c3{background-color: #BFBFBF; text-shadow: #6E6E6E 0 -1px 2px;}


#assessment_grades i.nm{
	width: 15px;
	height: 15px;
	border-radius: 0;
	background: url(../images/icons/assessment-icons.png) no-repeat center;
	background-position: -69px -6px;
	margin: 3px -5px 0 0;
}

#assessment_grades .r{color: #AF0000;}

#assessment_grades h3{margin: 20px 20px 0 20px; clear: both;}

#date_of_week{
	position: relative;
	top: -30px;
	left: 350px;
	margin-bottom: -40px;
	color: #4ca6f9;
}